@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'gotham-book';
    src: url('../fonts/gotham-book-webfont.eot');
    src: url('../fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-book-webfont.woff2') format('woff2'), url('../fonts/gotham-book-webfont.woff') format('woff'), url('../fonts/gotham-book-webfont.ttf') format('truetype'), url('../fonts/gotham-book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, , img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:16px;position:relative;*overflow-x:hidden;line-height: 30px;font-family: "Lucida Grande", "Microsoft JhengHei", "Microsoft YaHei"; color: #666666;}

ol, ul, li,div,tr,td{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:bold;}
h1{font-size:28px;color: #000000}
h2{font-size:22px;}
h3{font-size:18px; color: #1e4973;padding-top: 60px}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#666;} 
a:hover{color:#000;text-decoration:none;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
* {font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
::selection { background:#0080c8; color:#fff;} ::-moz-selection { background:#0080c8; color:#fff;  } ::-webkit-selection { background:#0080c8; color:#fff;  }
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.xbanner{background: url("../images/banner.jpg") no-repeat center top;height: 480px;width: 100%;min-width: 1200px;}
.clearfix:after{ display: block; content:'';clear: both;height:0;overflow: hidden;}
.clearfix { zoom: 1;}
.w1200 {width: 1200px; margin: 0 auto; }
.logo{background: url("../images/logo.jpg") no-repeat left top;width: 489px;height: 86px;}
.navBox{ float: right; display: block; text-align: right; padding-top: 10px;}
.nav2 a{ font-size: 18px;line-height: 60px; margin: 0px 0px 0px 40px;   position: relative; display: inline-block;font-weight: bold;}
.navBox a:before { content: ""; width: 100%; height: 1px; background-color: #1e4973; position: absolute; left: 0; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.navBox a:hover:before,.navBox a.active:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
.navBox a.active{ color: #1e4973;}
.px{padding: 35px 0}
.yin{padding: 35px 0 30px;}
.yin_t{font-size: 20px;color: #333;text-align: center;height: 80px;line-height: 40px;overflow: hidden;font-family: gotham-book;font-weight: bold;text-align: left;width: 400px;float: left}
.yin_t a{color: #d70c18;}
.yin_t i{color: #1e4973;font-style: normal}
.yin_t span{display: block;font-size: 18px;color: #000000;font-weight: normal;padding: 0;font-weight: bold;margin-top: -10px;text-align: left}
.ibg{background: url("../images/ibg.jpg") repeat-y center top;height: 500px;width: 100%;min-width: 1200px;}
.imore{line-height: 80px;float: right;color: #d70c18;}
.imore a{line-height: 80px;float: right;color: #d70c18;font-weight: bold}
.indexad{background: url("../images/ad.jpg") no-repeat center top;height: 285px;width: 100%;min-width: 1200px}
.footbg{background: url("../images/foot.jpg") no-repeat center top;height: 192px; width: 100%;min-width: 1200px;}
.txtfoot{padding: 40px 0; color: #ffffff}
.iaboutmore{background-color: #d22a27;width: 150px;height: 50px;color: #ffffff;text-align: center;line-height: 50px;margin-top: 40px}
.iaboutmore a{background-color: #d22a27;width: 150px;height: 50px;color: #ffffff;text-align: center;line-height: 50px;margin-top: 40px}
.iaboutmore a:hover{background-color: #1e4973;width: 150px;height: 50px;color: #ffffff;text-align: center;line-height: 50px;margin-top: 40px;display: block;}
.news{width: 700px;float: right}
.news .tj-new{border-top:1px solid #f5f5f5;padding: 10px 0;overflow: hidden;height: 100px;transition: all 0.5s }
.news .tj-new:hover{padding-left: 10px}
.news .index6-date{position: relative}
.news .tj-new h2{line-height: normal}
.news .tj-new:last-child{border-bottom:1px solid #f5f5f5 }
.index6-date{width: 100px;font-size: 18px;text-align: right;margin-top: 25px;font-family: gotham-book}
.index6-content{width:600px;}
.index6-content p.t3{margin: 0}
.index6-content p.t3 a{font-size: 16px;font-weight: bold;color: #1c3366}
.index6-content p.t3 a:hover{color: #FF9900}
.index6-content p.t4{color: #999;font-size: 14px;line-height:20px}
.iaboutus{width:600px;float:left;text-align:left;padding-top:40px}

.article-left {
    width: 240px;
    float: left;
    margin-top: 30px;
    padding-bottom: 100px;
}

.article li a {
    padding: 1rem 20px;
    background-color: #f6f6f6;
}

.article li.hover a {
    background-color: #288653;
    color: #fff;
}



.side-menu {
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #f8f8f8;
}

.side-menu span.iconfont {
    font-size: 30px;
    color: #288653;
}

.side-menu b {
    font-size: 30px;
    line-height: 50px;
    font-weight: bold;
    font-family: webfont2;
}

.article-left .side {
    background-color: #fff;
    padding: 35px 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}



.side .am-list {
    padding: 0;
    margin: 0;
    background-color: #f5f5f5;
}

.side li.classOne {
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    box-shadow: none;
}

.am-panel a.active .iconfont {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.side li.classOne > a {
    color: #000;
    transition: all .3s;
}

.side li.classOne .iconfont {
    font-size: 12px;
}
.ntitleline{font-size: 20px;font-weight: bold;border-bottom: 1px solid #f5f5f5;height:50px;line-height: 50px;color: #1e4973;}
.sbody{padding: 20px 0}
.sbody p{margin-bottom: 25px;}
.side li.classOne > a:hover {
    color: #1e4973;
}

.side li.classOne > a.hover {
    color: #1e4973;
}

.side li.classOne > a.hover span.dot {
    background-color: #1e4973;
}

.side li.classOne > a {
    padding: 0;
    display: block;
    width: 100%;
    height: 45px;
    font-weight: bold;
    line-height: 45px;
    font-size: 16px;
    transition: all .5s;
}

.side li.classOne > a.active {
    color: #1e4973;
}

.article-left .side-contact {
    background-color: #fff;
    padding: 10px 20px;
    border: 3px solid #1e4973;
}

.article-left .side-contact h2 {
    font-size: 25px;
    color: #d22a27;
    font-family:gotham-book
}

.article-right {
    width: 910px;
    float: right;
    margin-top: 30px;
   

    overflow: hidden !important;
}
.indexproductlist {
    padding-bottom: 50px;
    clear: both;
   
}
.indexproductlist * {
    display: block;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.indexproductlist li {
    width: 260px;
    border: #dddddd 1px solid;
    background-color: #ffffff;
    padding: 10px;
    float: left;
    margin-right: 30px;
    margin-bottom: 33px;
}
.indexproductlist li:nth-child(4n+4) {
    width: 260px;
    border: #dddddd 1px solid;
    padding: 10px;
    float: left;
    margin-bottom: 33px;
    margin-right: 0;
}
.indexproductlist li a.hpimg {
}
.indexproductlist li a img {
    width: 259px;
    height: 258px
}
.indexproductlist li a h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0px 10px 0px;
    color: #333333;
    text-transform: uppercase;
}
.indexproductlist li a:hover h3 {
    color: #12298c;
}
.indexproductlist li i {
    background: #39b54a;
    height: 1px;
    width: 30px;
}
.indexproductlist li span {
    padding: 20px 0px 10px 0px;
}
.indexproductlist li span h2 {
    padding: 0px 0px 20px 0px;
    font-size: 16px;
    width: 100%;
}
.indexproductlist li span h4 {
    padding: 0px 0px 10px 0px;
}
.indexproductlist li span a {
    border: #e5e5e5 1px solid;
    width: 21%;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 5px 8px;
    border-radius: 6px;
    margin-bottom: 5px;
    margin-right: 10px;
    float: left;
}
.indexproductlist li span a:hover {
    color: #fff;
    background: #1e4973;
}
.indexproductlist li a.more {
    padding: 5px 0px;
    font-size: 16px;
    font-family: DINCond
}
.indexproductlist li a.more:hover {
    color: #1e4973;
}
.indexproductlist li:hover {/*box-shadow:0px 1px 20px 0px #ccc;*/
    border: #1e4973 1px solid;
    box-shadow: 0px 1px 20px 0px #ccc;
}
.news-tit h3{  font-size:22px; font-weight:bold; color:#0a4088; text-align:center;font-family: gotham-book}
.news-tit p{ text-align:center;color:#666666; padding-bottom:3px; border-bottom:3px solid #cccccc;font-family: gotham-book;font-size: 12px }
.news-con{ margin-top:20px;}
.fenxiang{width:100%;height:25px; }
.fenye{width:100%; height:30px; padding:0px 0px 0px 0px;}

.previous{ width:100%; margin: 0 auto;margin-top: 60px; padding-top:22px; border-top:1px solid #f5f5f5; position:relative; margin-bottom: 80px}
.previous .previ{ display:block; width:143px; height:36px; text-align:center; line-height:36px; color:#666666; font-size:14px; border:1px solid #f5f5f5;}
.previous .previ i{ display:inline-block; position:relative; top:1px; width:10px; height:11px; transition:0.28s;}
.previous .prev{ float:left;}
.previous .prev i{ background:url(../images/arrow5.png) center no-repeat; margin-right:16px;}
.previous .next{ float:right;}
.previous .next i{ background:url(../images/arrow6.png) center no-repeat; margin-left:16px;}
.backlist{ display:block; width:145px; height:38px; text-align:center; line-height:38px; color:#fff; background-color:#1e4973; position:absolute; left:50%; margin-left:-72px; top:22px;}
.backlist:hover{ background-color:#183883}
.previous .previ:hover{ background-color:#1e4973; border-color:#1e4973; color:#fff;}
.previous .prev:hover i{ background:url(../images/arrow3.png) center no-repeat; margin-right:18px;}
.previous .next:hover i{ background:url(../images/arrow4.png) center no-repeat; margin-left:18px;}
.xindexproductlist {
    padding-bottom: 50px;
    clear: both;
   
}
.xindexproductlist * {
    display: block;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.xindexproductlist li {
    width: 260px;
    border: #dddddd 1px solid;
    background-color: #ffffff;
    padding: 10px;
    float: left;
    margin-right: 30px;
    margin-bottom: 33px;
}
.xindexproductlist li:nth-child(3n+3) {
    width: 260px;
    border: #dddddd 1px solid;
    padding: 10px;
    float: left;
    margin-bottom: 33px;
    margin-right: 0;
}
.xindexproductlist li a.hpimg {
}
.xindexproductlist li a img {
    width: 259px;
    height: 258px
}
.xindexproductlist li a h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0px 10px 0px;
    color: #333333;
    text-transform: uppercase;
}
.xindexproductlist li a:hover h3 {
    color: #12298c;
}
.xindexproductlist li i {
    background: #39b54a;
    height: 1px;
    width: 30px;
}
.xindexproductlist li span {
    padding: 20px 0px 10px 0px;
}
.xindexproductlist li span h2 {
    padding: 0px 0px 20px 0px;
    font-size: 16px;
    width: 100%;
}
.xindexproductlist li span h4 {
    padding: 0px 0px 10px 0px;
}
.xindexproductlist li span a {
    border: #e5e5e5 1px solid;
    width: 21%;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 5px 8px;
    border-radius: 6px;
    margin-bottom: 5px;
    margin-right: 10px;
    float: left;
}
.xindexproductlist li span a:hover {
    color: #fff;
    background: #1e4973;
}
.xindexproductlist li a.more {
    padding: 5px 0px;
    font-size: 16px;
    font-family: DINCond
}
.xindexproductlist li a.more:hover {
    color: #1e4973;
}
.xindexproductlist li:hover {/*box-shadow:0px 1px 20px 0px #ccc;*/
    border: #1e4973 1px solid;
    box-shadow: 0px 1px 20px 0px #ccc;
}
.newslists ul {width: 900px;margin: 0 auto;}
.newslists li {
	
	
	height: 45px;
	line-height: 45px;

	width:100%;
	overflow: hidden;
	border-bottom: #f5f5f5 1px solid;
 
	
}
.newslists li a {
	color: #666666;
}
.newslists li a:hover {
	color: #f38f3e;
}
.newslists li span {
	color: #939393;
	float: right;
}

 .contact-list {margin-top: 40px;color: #ffffff;}
.contact-list .contact-item {position: relative; padding-left: 92px; margin-bottom: 44px;}
.contact-list .contact-item strong { font-size: 24px; line-height: 45px; color: #ffffff; text-transform: uppercase;}
 .contact-list .contact-item h6 {font-size: 14px;  line-height: 20px; color: #ffffff;display:inline;}
.contact-list .contact-item:before {content: ""; display: block; width:80px; height: 80px; position: absolute; left: 0; top: 0; }
.contact-list .contact-site:before {background: url(../images/ico1.jpg) no-repeat center; }
.contact-list .contact-tel:before {background: url(../images/ico2.jpg) no-repeat center; }
.contact-list .contact-email:before {background: url(../images/ico3.jpg) no-repeat center; }